function enlarge(){
       //小图点击切换
   $('.small img').click(function(){
    $(this).addClass('active').siblings().removeClass('active')
    $('.big img').attr('src',$(this).attr('src'))
    $('.box>img').attr('src',$(this).attr('src'))
})

$('.box').hover(function(){
    $('.mask').show()
    $('.big').show()
    $('.box').mousemove(e=>{
        var x=e.pageX;
        var y=e.pageY;
        var left=x-$('.mask').width()/2
        var top=y-$('.mask').width()/2
        if(left<$('.box').offset().left) left=$('.box').offset().left
        if(top<$('.box').offset().top) top=$('.box').offset().top
        if(left>$('.box').width()-$('.mask').width()+$('.box').offset().left)
        left=$('.box').width()-$('.mask').width()+$('.box').offset().left

        if(top>$('.box').height()-$('.mask').height()+$('.box').offset().top)
        top=$('.box').height()-$('.mask').height()+$('.box').offset().top

        $('.mask').offset({left,top})
        var bigLeft=(left-$('.box').offset().left)/$('.box').width() * $('.big img').width()
        var bigTop=(top-$('.box').offset().top)/$('.box').height() * $('.big img').height()
        $('.big img').css({
            left:-bigLeft+'px',
            top:-bigTop+'px'
        })
    })
},function(){
    $('.mask').hide()
    $('.big').hide()
})
}